<template>
  <div>
		<!-- <navbar title="车辆信息" :disabled='true'></navbar> -->
        <div class="choice" style="position:relative;top:46px;    margin-bottom: 65px;">
             <noticebar 
            title="一共 1 家保险机构为您报价" 
            icon='http://img.yzcdn.cn/public_files/2017/8/10/6af5b7168eed548100d9041f07b7c616.png'>
            </noticebar>
             <van-cell-group > 
                 <van-cell is-link  @click="tobaojia">
                      <template slot="title" >
                          <div class='cho_con'>
                            <span class="van-cell-text cell_title logo"><img src="../assets/u360.png" alt=""></span>
                            <span class="van-cell-text cell_title">泰山保险</span>
                            
                            <div class="van-cell-text price" style="position:absolute;color: rgba(0,0,0,0.5);right:1rem;" >
                                <span style="color:rgb(255, 0, 0);text-align:right;">2700.00元</span>
                                <span>推广费：¥941.00元ß</span>
                            </div>
                          </div>
                          
                        </template>
                </van-cell>
             </van-cell-group>
        </div>
        
  </div>
</template>

<script>
import navbar from "../components/navbar.vue";
import noticebar from "../components/noticebar.vue";
export default {
  components: { navbar ,noticebar},
  data() {
    return {
    }
  },
  methods: {
   tobaojia:function(){
        this.$router.push({
              name: "CarBaojia",
              query: {
              
              }
            });
   }
  }
};
</script>
<style scoped lang="scss">
    .cho_con{
        display: flex;
        span{
            line-height: 40px;
        }
        .logo{
            line-height: 24px;
            margin: 0 0.1rem;
        }

        .price span{
            line-height: 20px;
            display: block;
        }
        
    }
</style>
